<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="铜仁商务局管理后台">
    <meta name="description" content="">
    <meta name="author" content="vimi8.com">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="icon.ico">
    <title>铜仁商务局管理后台</title>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
    <link href="css/common.css" rel="stylesheet">
    <link href="css/showBox.css" rel="stylesheet">
</head>

<body>
<div id="wrapper">
    <div class="ht-top">
        <nav class="ht-navbar" role="navigation">
            <div class="ht-navbar-header">
                <a class="ht-navbar-brand" href="#">铜仁商务局管理后台</a>
            </div>
            <ul class="nav ht-navbar-nav">
                <!--<li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>-->
            </ul>
            <ul class="nav ht-navbar-nav navbar-right">
                <li class="active">
                    <!--<span>下午好</span>&nbsp;&nbsp;-->
                    <span>ebb</span>&nbsp;&nbsp;
                </li>
                <li>
                    <img src="http://qzapp.qlogo.cn/qzapp/100414805/830A5F805EB7FBC2E1E03D5ADB844CA2/100" width="25"
                         height="25" alt="" class="img-circle">&nbsp;&nbsp;
                </li>
                <li>
                    <a id="logout" title="退出登录" class="active"><i class="fa fa-power-off"></i></a>
                </li>
            </ul>
        </nav>
    </div>
    <div class="ht-content">
        <aside class="ht-aside">
            <ul class="list-unstyled ht-aside-nav">
                <li>
                    <div class="ht-aside-item">
                        <a data-toggle="collapse" href="#collapseThree">
                            <i class="fa fa-sitemap fa-fw"></i> 平台管理
                            <i class="fa fa-angle-down angle"></i>
                        </a>
                    </div>

                    <div id="collapseThree" class="collapse in">
                        <ul class="list-unstyled">
                            <li class="ht-aside-item nl"><a href="index.html"><i
                                    class="fa fa-fw fa-code-fork text-muted"></i> 第三方平台</a></li>
                            <li class="ht-aside-item nl"><a href="ebbPlatform.html"><i
                                    class="fa fa-fw fa-cogs text-muted"></i> 电商综合服务站</a></li>
                            <li class="ht-aside-item nl"><a href="localEbbPlatform.html"><i class="fa fa-fw fa-cogs text-muted"></i> 电商企业</a></li>
                            <li class="ht-aside-item nl"><a href="selfBuildPlatform.html"><i
                                    class="fa fa-fw fa-cogs text-muted"></i> 自建平台</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="ht-aside-item">
                        <a href="productManager.html"><i class="fa fa-product-hunt fa-fw"></i>产品管理</a>
                    </div>

                </li>
                <li>
                    <div class="ht-aside-item">
                        <a href="logisticsManager.html" class="active"><i class="fa fa-product-hunt fa-fw"></i> 物流管理</a>
                    </div>
                </li>
                <li>
                    <div class="ht-aside-item">
                        <!--<a href="trainManager.html"><i class="fa fa-product-hunt fa-fw"></i>培训管理</a>-->
                        <a data-toggle="collapse" href="#collapseThree1">
                            <i class="fa fa-sitemap fa-fw"></i> 培训管理
                            <i class="fa fa-angle-down angle"></i>
                        </a>

                    </div>
                    <div id="collapseThree1" class="collapse in">
                        <ul class="list-unstyled">
                            <li class="ht-aside-item nl"><a href="trainManager.html"><i
                                    class="fa fa-fw fa-code-fork text-muted"></i> 培训信息</a></li>
                            <li class="ht-aside-item nl"><a href="trainMemberManager.html"><i
                                    class="fa fa-fw fa-cogs text-muted"></i> 学员信息</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div id="audit" class="ht-aside-item">
                        <a href="auditManager.html"><i class="fa fa-product-hunt fa-fw"></i> 审核管理</a>
                    </div>
                </li>



                <li id="flag-claim-manage">
                    <div class="ht-aside-item">
                        <!--<a href="trainManager.html"><i class="fa fa-product-hunt fa-fw"></i>培训管理</a>-->
                        <a data-toggle="collapse" href="#collapseThree2">
                            <i class="fa fa-sitemap fa-fw"></i> 认领管理
                            <i class="fa fa-angle-down angle"></i>
                        </a>

                    </div>
                    <div id="collapseThree2" class="collapse in">
                        <ul class="list-unstyled">
                            <li class="ht-aside-item nl"><a href="noRegionList.html"><i class="fa fa-fw fa-code-fork text-muted"></i> 无区县列表</a></li>
                            <li class="ht-aside-item nl"><a href="applyRecord.html"><i class="fa fa-fw fa-cogs text-muted"></i> 我的认领记录</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </aside>
        <div class="ht-main">
            <div class="ht-title">
                <h3 class="pull-left">物流管理</h3>
                <div class="pull-right">
                    <a class="btn btn-sm" id="export"><i
                            class="fa fa-sign-in"></i> 导出物流
                    </a>
                </div>
                <div class="pull-right" id="dr">
                    <a id="import-logistics" class="btn btn-sm" data-toggle="modal" data-target="#importModal"><i
                            class="fa fa-sign-out"></i>导入物流</a>
                </div>
                <div class="pull-right" id="tj">
                    <a class="btn btn-sm" href="editLogistics.html"><i class="fa fa-plus"></i> 添加物流</a>
                </div>
            </div>

            <div class="ht-panel">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <form class="form-inline" role="form">
                            <div class="form-group form-filter" id="address-box">
                                <label for="addressCode">区域</label>
                                <select id="addressCode" class="form-control" data-style="btn-primary">
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="branchName">网点名称</label>
                                <input type="text" class="form-control" id="branchName" placeholder="请输入网点名称">
                            </div>
                            <div class="form-group">
                                <label for="branchName">开始时间</label>
                                <input type="text" class="form-control" id="statistics-time"
                                       placeholder="请选择开始时间">
                            </div>
                            <div class="form-group">
                                <label for="branchName">结束时间</label>
                                <input type="text" class="form-control" id="end-time"
                                       placeholder="请选择结束时间">
                            </div>
                            <a href="#" class="btn btn-info" id="submit">提交</a>
                        </form>
                    </div>
                    <table class="table">
                        <thead>
                        <tr>
                            <th style="width: 55px;"><input type="checkbox" name="checkboxAll" onclick="selectall(this)"  value="全选"/>全选</th>
                            <th>机构名称</th>
                            <th>网点名称</th>
                            <th>网点地址</th>
                            <th>月发出量(件)</th>
                            <th>月发入量(件)</th>
                            <th>员工人数(人)</th>
                            <th>车辆数</th>
                            <th>统计日期</th>
                            <th>联系人</th>
                            <th>联系方式</th>
                            <th>配送范围</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="logistics-list-data">


                        </tbody>
                        <script id="logistics-list-tmpl" type="text/x-jsrender">
                            <tr>
                                <td><input type="checkbox" name="check" value="" onclick="selectsub('{{:logisticsId}}')" id="{{:logisticsId}}"/></td>
                                <td>{{:affiliationName}}</td>
                                <td>{{:branchName}}</td>
                                <td>{{:branchAddress}}</td>
                                <td>
                                {{if monthOutAmount!=null}}
                                    {{:monthOutAmount}}
                                {{else}}
                                   -
                                {{/if}}
                                </td>
                                <td>
                                {{if monthInAmount!=null}}
                                    {{:monthInAmount}}
                                {{else}}
                                   -
                                {{/if}}
                                </td>
                                <td>{{:staffs}}</td>
                                <td>{{:vehicles}}</td>
                                <td>
                                {{if statisticsTime!=null}}
                                    {{:statisticsTime}}
                                {{else}}
                                   -
                                {{/if}}
                                </td>
                                <td>{{:principal}}</td>
                                <td>{{:contact}}</td>
                                <td>{{:deliveryArea}}</td>
                                <td>
                                <a href="javascript:void(0);" id="logistics-add-{{:#getIndex()}}" class="btn btn-sm text-info">添加业务量</a>
                                <a href="javascript:void(0);" id="logistics-edit-{{:#getIndex()}}" class="btn btn-sm text-info">修改物流信息</a>
                                <a href="javascript:void(0);"  id="logistics-delete-{{:#getIndex()}}" class="btn btn-sm text-danger"> 删除业务量</a>
                                </td>
                            </tr>
                        </script>
                    </table>
                    <div class="panel-footer" style="height: 60px;" id="pagination-bar">
                        <button type="button" class="pull-left btn btn-info" onclick="deleteSelectedAll()" style="margin:0px 30px 0px 0px; ">批量删除</button>
                        <div id="pagination-box" class="pull-left">
                            <ul class="pagination" id="pagination">

                            </ul>
                        </div>

                        <div class="form-inline pull-right">
                            <div class="form-group">
                                <p class="form-control-static">共<span id="total-count">0</span>条物流信息，<span
                                        id="total-page">0</span>页</p>
                            </div>
                            <div class="form-group">
                                <div class="input-group" style="width: 130px;">
                                    <input type="number" min="1" class="form-control" id="page-index">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button" id="go-index">跳转</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="importModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body text-center">
                <p><i class="fa fa-times pull-right" data-dismiss="modal"></i></p>
                <p><i class="fa fa-exclamation-circle" style="font-size:80px;color:#DDB600"></i></p>

                <p>请按 <a href="./templatefile/物流信息模板.xls" style="color:blue;text-decoration:underline">标准格式</a>导入数据，否则可能导致导入失败
                </p>

                <p style="display:none" id="importing">正在导入。。。</p>
                <form name="imporexcelform" class="form-inline" role="form" enctype="multipart/form-data"
                      style="margin-bottom:80px;margin-top:10px;margin-left:140px;" method="post">
                    <a href="javascript:;" class="file">
                        <input type="file" name="file" id="">
                    </a>

                    <div style="display:none;margin-left:140px;" id="importbtn">
                        <button type="submit" class="btn btn-info"
                                style="width:100px;margin-top:50px;margin-right:120px">导入
                        </button>
                    </div>

                </form>
            </div>

        </div>
    </div>
</div>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap-datetimepicker.min.js"></script>
<script src="node_modules/jquery/dist/jquery.form.min.js"></script>
<script src="node_modules/jsviews/jsviews.min.js"></script>
<script src="node_modules/twbs-pagination/jquery.twbsPagination.min.js"></script>
<script src="js/showBox.js"></script>
<script src="js/common.js"></script>
<script src="js/timeUtil.js"></script>
<script src="js/logistics.js"></script>
</div>
</body>

</html>
